{#1.生成用户、银行、银行卡的list页面，通过for循环的模板语法显示信息#}
{#    要求：使用{% for %}和{% if %}实现偶数行加背景#}
{#2.在左侧生成菜单信息，点击不同的菜单，在右则显示不同的list页面。#}
{#    如点击左侧的用户管理，显示用户列表页面，点击左侧的银行管理，则显示银行管理页面。#}
{#    要求：使用结构化模板标签#}
{% extends "base.html" %}

{% block css %}
    <link rel="stylesheet" href="/static/css/card.css"/>
{% endblock %}

{% block content %}
    <table>
        <caption>银行卡列表</caption>
    </table>
    <thead>
        <th>卡ID</th>
        <th>银行账号</th>
        <th>用户名</th>
        <th>银行名</th>
        <th>余额</th>
    </thead>
    <tbody>
        {% for card in cards %}
            <tr>
                <td>{{ card.id }}</td>
                <td>{{ card.number }}</td>
                <td>{{ user.username }}</td>
                <td>{{ user.bankname }}</td>
                <td>{{ user.money|moneyfmt }}</td>
            </tr>
        {% endfor %}
    </tbody>
{% endblock %}